
.composition {
  position: relative;
  transition: all .2s;
  &-photo {
    width: 55%;
    box-shadow: 0 1.5rem 4rem rgba($color-black, $alpha: 0.2);
    border-radius: 5px;
    position: absolute;
    z-index: 10;
    transition: all .2s;
    outline-offset: 2rem;
    
    &.composition-photo-p1 {
      top: -2rem;
      left: 0;
    }
    &.composition-photo-p2 {
      top: 2rem;
      right: 0;
    }
    &.composition-photo-p3 {
      top: 10rem;
      left: 20%;
    }
    &:hover {
      transform: scale(1.05) translateY(-.5rem);
      box-shadow: 0 3rem 6rem rgba($color-black, $alpha: 0.2);
      outline: 1.5rem solid $color-primary;
      z-index: 20;
    }
  }

  &:hover &-photo:not(:hover) {
    transform: scale(.95);
  }
}